@mixin vw_w($width) {
  width: $width /750*100 + vw;
}
@mixin vw_h($h) {
  height: $h /750 *100 + vw;
}
@mixin vw_lh($l_h) {
  line-height: $l_h /750 *100 + vw;
}
@mixin vw_fs($fs) {
  font-size: $fs /750*100 + vw;
}

//margin
@mixin vw_m_t($fs) {
  margin-top: $fs /750*100 + vw;
}
@mixin vw_m_b($fs) {
margin-bottom:$fs /750*100 + vw;
}
@mixin vw_m_l($fs){
  margin-left:$fs /750*100 + vw;
}
@mixin vw_m_r($fs){
  margin-right:$fs /750*100 + vw;
}
@mixin vw_mg($t,$r,$b,$l){
  margin:$t /750*100 + vw ,$r/750*100+vw,$b/750*100,$l/750*100+vw;
}
@mixin vw_mg_auto($t,$b){
  margin:$t/750*100 + vw auto $b/750*100 + vw;
}
//padding
@mixin vw_p_t($fs) {
  padding-top:$fs /750*100 + vw;
}

